<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>while循环结构</title>
</head>

<body>
  <script>
    //while循环
    // let i = 0
    // while (i < 10) {
    //   document.write(`第${i + 1}次循环<br>`)//<br>为html中的换行符
    //   i++
    // }
    //练习：输出1-100，计算1-100总和并输出，计算100内的偶数和、奇数和
    //输出1-100
    // let i = 1;
    // while (i <= 100) {
    //   document.write(`${i} <br>`)
    //   i++
    // }

    // 计算1 - 100总和并输出
    // let i = 1
    // let sum = 0
    // while (i <= 100) {
    //   sum += i
    //   i++
    // }
    // document.write(`${sum} <br>`)

    // 计算100内的偶数和
    // let i = 0
    // let sum = 0
    // while (i <= 100) {
    //   sum += i
    //   i += 2
    // }
    // document.write(`100以内的偶数和为：${sum} <br>`)

    // 计算100内的奇数和
    // let i = 1
    // let sum = 0
    // while (i <= 100) {
    //   sum += i
    //   i += 2
    // }
    // document.write(`100以内的奇数和为：${sum} <br>`)

    //简易ATM取款机
    let sum = 1000 //银行卡总额
    while (1) {
      let uname = +prompt(`
      请选择操作：
      1.存款 
      2.取款  
      3.查看余额 
      4.退出  
       `)
      switch (uname) {
        case 1:
          let cun = +prompt('请输入你存入的金额')
          sum = sum + cun
          break;
        case 2:
          let qu = +prompt('请输入你取出的金额')
          sum = sum - qu
          break;
        case 3:
          alert(`你的银行卡余额为：${sum}`)
          break;
      }
      if (uname === 4) {
        break
      }
    }
  </script>
</body>

</html>